<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mobila banken</title>

<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="styles/my.css" />
	

</head>
<body>

	<div data-role="page" id="overview">
		<div data-theme="" data-role="header" data-position="fixed">
			<h3>Mobila Banken</h3>
			<a data-role="button" data-rel="back" data-transition="fade" href="#"
				data-icon="back" data-iconpos="bottom"> </a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-divider-theme="b" data-inset="true"
				id="accountList">
				<li data-role="list-divider" role="heading">Konton</li>
			</ul>
		</div>
	</div>

	<div data-role="page" id="details">
		<div data-theme="a" data-role="header">
			<h3>Mobila Banken</h3>
			<a data-role="button" data-rel="back" data-transition="fade"
				href="#" data-icon="back" data-iconpos="bottom"> </a>
		</div>
		<div data-role="content">
			<div data-role="navbar" data-iconpos="top">
				<ul>
					<li><a href="#" data-theme="" data-icon="" id="transactionListTabLink"
						class="ui-btn-active" onclick="showTransactionsTab()"> Transaktioner </a></li>
					<li><a href="#" id="linkToInformationTab" data-theme="" data-icon="" 
						id="informationTabLink" onclick="showInformationTab()">
							Information </a></li>
				</ul>
			</div>
			<div id="transactionListDiv">
				<ul data-role="listview" data-divider-theme="b" data-inset="true"
					id="transactionList">
				</ul>
				
			</div>
			<div id="accountInformationDiv">
			</div>
		</div>
	</div>
	<div data-role="page" id="transactiondetails">
		<div data-theme="a" data-role="header">
			<h3>Mobila Banken</h3>
			<a data-role="button" data-rel="back" data-transition="fade" href="#"
				data-icon="back" data-iconpos="bottom"> </a>
		</div>
		<div data-role="content">
			<div>
				<ul>
					<li>"Lorem ipsum dolor sit amet, consectetur adipisicing elit,
						sed do eiusmod tempor incididunt ut labore et dolore magna
						aliqua.&nbsp;</li>
					<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco
						laboris nisi ut aliquip ex ea commodo consequat.&nbsp;</li>
					<li>Duis aute irure dolor in reprehenderit in voluptate velit
						esse cillum dolore eu fugiat nulla pariatur.&nbsp;</li>
					<li>Excepteur sint occaecat cupidatat non proident, sunt in
						culpa qui officia deserunt mollit anim id est laborum."&nbsp; <br />
					</li>
				</ul>
			</div>
		</div>
	</div>


	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
	<script src="js/jqueryScriptWithoutEmber.js"></script>

</body>
</html>
